@a-color:#009a61;
*{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}
a{
  text-decoration: none;
}
input{
  outline:none;
  border: none;
}
.clearfix {
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
  }
}
.transition(@attr){
  -webkit-transition: @attr;
  -moz-transition:  @attr;
  -ms-transition: @attr;
  -o-transition: @attr;
  transition: @attr;
}
.animation(@args){
  -webkit-animation:@args;
  -moz-animation:@args;
  -ms-animation:@args;
  -o-animation:@args;
  animation:@args;
}
.transform(@attr){
  -webkit-transform:@attr;
  -moz-transform:@attr;
  -ms-transform:@attr;
  -o-transform:@attr;
  transform:@attr;
}

.flex(){
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-item(@number){
  -webkit-flex: @number;        /* Chrome */
  -ms-flex: @number;            /* IE 10 */
  flex: @number;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: @number;     /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: @number;       /* OLD - Firefox 19- */
}

.single-line-cut{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.multi-line-cut(@line){
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  overflow: hidden;
}
.keyframes (@name, @frames) {
  @-webkit-keyframes @name { @frames(); }
  @-moz-keyframes @name { @frames(); }
  @-ms-keyframes @name { @frames();}
  @-o-keyframes @name { @frames(); }
  @keyframes @name { @frames(); }
}
.triangle-row(@direction,@color,@size){
  border-bottom: @size solid transparent;
  border-top: @size solid transparent;
  border-@{direction}:@size solid @color;
}
.triangle-col(@direction,@color,@size){
  border-left: @size solid transparent;
  border-right: @size solid transparent;
  border-@{direction}:@size solid @color;
}
.slider-center(){
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.position-center(@top:0;@right:0;@bottom:0;@left:0;@margin:auto){
  left:@left; right:@right; top:@top; bottom:@bottom;
  margin:@margin;
}
/*滚动条样式*/
.scrollbar(){
  &::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
  }
  &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
  }
  &::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
  }
}
.show{
  display: block!important;
}
.hide{
  display: none!important;
}
